<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/animate.min.css">
    <link rel="stylesheet" href="../static/css/style.min.css">
    <style media="screen">
        .nav>li.active {
            border-left: 0;
            color: white;
            background: #5cb85c;
        }

        .btn-list {
            padding-bottom: : 15px;
        }

        .btn-list a {
            float: right;
        }
    </style>
</head>

<body>
    <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="../index.html" class="navbar-brand">这是LOGO</a>
        </div>
        <nav id="bs-navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="idea.html" class="btn btn-link">构想</a></li>
                <li><a href="project.html" class="btn btn-link">课题</a></li>
                <li><a href="data.html" class="btn btn-link">数据</a></li>
                <li><a href="group.html" class="btn btn-link">团队</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="javascript://" class="btn btn-link">范维明</a></li>
            </ul>
        </nav>
    </header>
    <div class="container-fluid">
        <ol class="breadcrumb">
            <li>
                <a href="index.html">主页</a>
            </li>
            <li>
                <a href="idea.html">构想</a>
            </li>
            <li>
                <strong>细节</strong>
            </li>
        </ol>
    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content mailbox-content">
                        <div class="file-manager">
                            <a class="btn btn-block btn-primary compose-mail" href="idea-launch.html">发起新构想</a>
                            <div class="space-25"></div>
                            <h5>文件夹</h5>
                            <ul class="folder-list m-b-md" style="padding: 0">
                                <li>
                                    <a href="mailbox.html"> <i class="fa fa-inbox "></i> 草稿 <span class="label label-warning pull-right">3</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="mailbox.html"> <i class="fa fa-inbox "></i> 发布 <span class="label label-warning pull-right">16</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="mailbox.html"> <i class="fa fa-inbox "></i> 已成型 <span class="label label-warning pull-right">16</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="mailbox.html"> <i class="fa fa-trash-o"></i> 垃圾箱</a>
                                </li>
                            </ul>
                            <h5>分类</h5>
                            <ul class="category-list" style="padding: 0">
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-navy"></i> 工作</a>
                                </li>
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-danger"></i> 文档</a>
                                </li>
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-primary"></i> 社交</a>
                                </li>
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-info"></i> 广告</a>
                                </li>
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-warning"></i> 客户端</a>
                                </li>
                            </ul>

                            <h5 class="tag-title">标签</h5>
                            <ul class="tag-list" style="padding: 0">
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 朋友</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 工作</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 家庭</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 孩子</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 假期</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 音乐</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 照片</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 电影</a>
                                </li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-9 animated fadeInRight">
                <div class="mail-box-header">
                    <div class="pull-right tooltip-demo">
                        <a href="mail_compose.html" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="回复"><i class="fa fa-reply"></i> 发布</a>
                        <a href="mail_detail.html#" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="打印邮件"><i class="fa fa-print"></i> </a>
                        <a href="mailbox.html" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="标为垃圾邮件"><i class="fa fa-trash-o"></i> </a>
                    </div>
                    <div class="mail-tools tooltip-demo m-t-md">
                        <h3>
                        <span class="font-noraml">主题： </span>xxxxxx项目方案</h3>
                        <h5>
                        <span class="pull-right font-noraml">2016年6月28日(星期二) 晚上8:20</span>
                        <span class="font-noraml">发件人： </span>i@zi-han.net</h5>
                    </div>
                </div>
                <div class="mail-box">
                    <div class="mail-body">
                        <h4>详细描绘</h4>
                        <p>
                            贝贝聪教育，因您而精彩！由于婴幼教育一体化更符合婴幼儿成长需求，是全球早教专家、心理学家普遍推崇的一种办园模式。在美国、日本、英国、意大利、新加坡等国家及我国香港、台湾等地区，幼儿园普遍开设了亲子班，美国幼儿园开亲子班的比率为87%，意大利比率为83%。香港、台湾地区分别为74%、76%。2003年3月4日，国务院办公厅转发了教育部等10部门（单位）《关于幼儿教育改革与发展的指导意见》，强调发展0－6岁婴幼儿教育。在《幼儿园教育指导纲要（试行）》中已明确指出幼儿园教育要与0-3岁教育做好衔接。北京、上海等地要求在2013年，65%的公立一级幼儿园开设亲子班或园中园。
                        </p>
                        <h4>已加入的数据</h4>
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="contact-box">
                                    <a href="data-add.html">
                                        <div class="col-sm-4">
                                            <div class="text-center">
                                                <i class="fa fa-clipboard fa-4x"></i>
                                            </div>
                                        </div>
                                        <div class="col-sm-8">
                                            <h3><strong>XXXXXXXX</strong></h3>
                                            <p>发布者xxxx</p>
                                        </div>
                                    </a>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                        <h4>已加入的的<code>分析工程师</code></h4>
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="../static/img/a5.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="../static/img/a6.jpg">
                            </a>
                        </div>
                        <h4>已加入的<code>专家</code></h4>
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="../static/img/a1.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="../static/img/a2.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="../static/img/a3.jpg">
                            </a>
                        </div>
                    </div>
                    <div class="mail-body text-right">
                        <a class="btn btn-sm btn-white" href="mail_compose.html"><i class="fa fa-reply"></i> 发布</a>
                        <button title="" data-placement="top" data-toggle="tooltip" type="button" data-original-title="打印这封邮件" class="btn btn-sm btn-white"><i class="fa fa-print"></i> 打印</button>
                        <button title="" data-placement="top" data-toggle="tooltip" data-original-title="删除邮件" class="btn btn-sm btn-white"><i class="fa fa-trash-o"></i> 删除</button>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
